﻿<UserControl 
    xmlns:my="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"  x:Class="SilverlightHVP.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="500" d:DesignWidth="800">
    <Grid>
        <Rectangle Height="400" VerticalAlignment="Top">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="Black" Offset="0.2"/>
                    <GradientStop Color="White" Offset="1"/>
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>

        <Border MaxWidth="1200" MaxHeight="900"  x:Name="MyBackground"  Padding="5,5,20,5"  BorderBrush="#FF063439" BorderThickness="1">
            <Border.Background>
                <RadialGradientBrush Center="0.478,0.404" GradientOrigin="0.478,0.404" RadiusX="0.432" RadiusY="0.434">
                    <GradientStop Color="#FF02333C" Offset="0.017"/>
                    <GradientStop Color="Black" Offset="1"/>
                    <GradientStop Color="#FF054551" Offset="0.318"/>
                </RadialGradientBrush>
            </Border.Background>

            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition  />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>

                <!-- Header -->
                <StackPanel>
                    <TextBlock Text="Silverlight" Style="{StaticResource StdText}" FontSize="26" Foreground="#FF919BA1" Margin="22,0,0,0"/>
                    <TextBlock Text="HyperVideo"  Style="{StaticResource StdText}"  FontSize="22" Foreground="#FF03AECF" Margin="60,0,0,0">
                        <TextBlock.RenderTransform>
                            <TranslateTransform Y="-10"/>
                        </TextBlock.RenderTransform>
                    </TextBlock>
                </StackPanel>

                <!-- Content -->
                <Border BorderBrush="#324049" BorderThickness="1,1,0,0" Grid.Row="1" >
                    <Grid x:Name="LayoutRoot">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="190" />
                            <ColumnDefinition />
                            <ColumnDefinition Width="220" />
                        </Grid.ColumnDefinitions>

                        <!-- Left Column -->
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="2*" />
                                <RowDefinition Height="1*" />
                            </Grid.RowDefinitions>

                            <my:Frame Grid.ColumnSpan="1"
                                Grid.RowSpan="1"
                                Margin="5"
                                HorizontalAlignment="Stretch"
                                Name="ItemsListFrame"
                                BorderBrush="#324049"
                                BorderThickness="0,0,1,1"
                                VerticalAlignment="Stretch"
                                Foreground="BurlyWood" />

                            <my:Frame HorizontalAlignment="Stretch"
                                Name="TopicsFrame"
                                Margin="5"
                                VerticalAlignment="Stretch"
                                Grid.Row="1"
                                BorderThickness="0"
                                BorderBrush="#324049"
                                Foreground="LightBlue" />
                        </Grid>


                        <!-- Main Column -->
                        <Grid Grid.Column="1">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>

                            <my:Frame HorizontalAlignment="Stretch"
                                Name="ViewerFrame"
                                Margin="5"
                                VerticalAlignment="Stretch"
                                Grid.Column="1"
                                Grid.RowSpan="1"
                                BorderBrush="#324049"
                                BorderThickness="0"
                                Foreground="Bisque" />

                            <my:Frame HorizontalAlignment="Stretch"
                                Name="NoteTakerFrame"
                                Margin="5"
                                VerticalAlignment="Stretch"
                                Grid.Column="1"
                                Grid.Row="1"
                                BorderBrush="#324049"
                                BorderThickness="0,0,1,1"
                                Foreground="Bisque" />
                        </Grid>

                        <!-- Right Column -->
                        <Grid Grid.Column="2">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <my:Frame /><my:Frame HorizontalAlignment="Stretch"
                                Name="linksListFrame"
                                Margin="5"
                                VerticalAlignment="Stretch"
                                Grid.Column="2"
                                Grid.RowSpan="2"
                                BorderThickness="0,0,1,1"
                                BorderBrush="#324049"
                                Foreground="BurlyWood" />
                        </Grid>


                    </Grid>
                </Border>
            </Grid>
        </Border>
    </Grid>
</UserControl>
